<template>
  <a-result :status="null" title="未找到对应页面" subtitle="请检查路由信息">
    <template #icon>
      <NotFound />
    </template>
    <template #extra>
      <router-link to="/"><a-button type="primary">返回首页</a-button></router-link>
    </template>
  </a-result>
</template>

<script setup lang="ts">
  import NotFound from '@/assets/icons/404.svg?component'
</script>

<style lang="less" scoped>
  .not-found {
    width: 100%;
    height: calc(100vh - 500px);
  }
</style>
